<!-- header.html (ch07www project) -->

    <div class="widewrapper masthead">
        <div class="container">
            <a href="index.html" id="logo">
                <img src="/static/img/blog_logo.png" alt="clean Blog">
            </a>

            <div id="mobile-nav-toggle" class="pull-right">
                <a href="#" data-toggle="collapse" data-target=".clean-nav .navbar-collapse">
                    <i class="fa fa-bars"></i>
                </a>
            </div>

            <nav class="pull-right clean-nav">
                <div class="collapse navbar-collapse">
                    <ul class="nav nav-pills navbar-nav">
                        <li><a href="/index.html">主页</a></li>
                        <li><a href="/about.html">关于</a></li>
                        <li><a href="/contact.html">联系</a></li>
                        <li><a href='/admin'>后台管理</a></li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>

    <div class="widewrapper subheader">
        <div class="container">
            <div class="clean-breadcrumb">
                {% if username %}
                    <a href="#">{{username}}的博客</a>
                {% endif %}
            </div>

            <div class="clean-searchbox">
                <form action="#" method="get" accept-charset="utf-8">
                    <input class="searchfield" id="searchbox" type="text" placeholder="Search">
                    <button class="searchbutton" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
